@charset "UTF-8";
/*---------------------*\
 * 搜索列表
\*---------------------*/ 
.textroot{
    position: relative !important;display: inline-block;*display: table; background: #FFF;
    padding: 0 4px !important;font-size: 0 !important;line-height: 32px;border: #ddd 1px solid;
}
.textroot,.textroot *{box-sizing: content-box;}
.textroot> ol{
    display: inline-block;vertical-align: middle;font-size: 0;margin: 0;
}
.textroot> ol li{
    display: inline-block;vertical-align: middle;font-size: 15px;border-radius: 4px;
    background: #009BE8;color: #FFF; padding: 0 14px; margin: 0 4px; line-height: 28px;
    position: relative;cursor:pointer;
}
.linkage> ol li{margin: 0;border-radius: 0;}
.linkage> ol li:before{content: '> ';color: #FFCE4A;font-family: '宋体';font-weight: bold;}
.textroot> ol li:hover{padding: 0 24px 0 4px;transition: all 0.2s ease;}
.textroot> ol li:hover:after {
    content: '✖';position: absolute;right: 0;top:0; color: #FFF;background: #BBB;padding: 0 4px;height: 100%;
}
.textroot> ol li input{display: none;}
.textroot> ol li.start{background: transparent;pointer-events:none;width: 36px;margin: 0;padding: 0;}
.textroot> ol li.start input{display: inline;visibility:hidden;position: absolute;}
.textroot .text{
	display: inline-block;vertical-align: middle;
	position: relative;height: 28px;
}
.textroot input[type=text]{
    width: 185px; height: 28px;line-height: 28px;margin: 0 !important;padding: 0 10px;outline:none;border: none;
    font-size: 16px;position: relative;z-index: 98;display: block;box-shadow:none;
}
.soso {
    display: none; width: 400px; height: 72px;padding: 32px 0 36px 0; overflow: hidden; background: #F6FAFC;
    position: absolute; left: -2px;top: -5px;z-index: 99;white-space:normal;
    border: #E5E5E5 1px solid;border-radius: 4px;box-shadow:8px 8px 20px rgba(0,0,0,0.16),-4px -4px 10px rgba(255,255,255,0.4);
    *word-spacing:-1px;font-size: 0; text-align: left;
}
.soso li{
    display: inline-block; *display: inline; *zoom:1; vertical-align: middle;
    font-size: 15px; word-spacing:normal; letter-spacing: normal;
    color: #2B489D; padding: 0 10px; margin: 2px 4px; line-height: 32px;cursor:pointer;
    -moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}
.soso li:hover{color: #FFF; background: #49567C;}
.soso li.active{color: #BBB; background: #EDEDED;cursor:default;}
.textroot .more{
    display: none; width: 396px; height: 32px; line-height: 32px; text-align: center;font-size: 16px;border-radius: 6px;
    background: #E5E5E5; color: #777; cursor: pointer; position: absolute; left: 1px;top: 102px;z-index: 99;
}
.sosobg{position: fixed;left: 0;top: 0; z-index: 1;width: 100%;height: 100%;}


/*---------------------*\
 * 树形菜单（支持多级）
\*---------------------*/ 

.tree {
    min-height:20px; padding:10px 10px 10px 0; margin-bottom:10px;border:1px solid #eee;
    -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px;
}
.tree ul{padding-left: 32px;font-size: 14px;display: none;}
.tree >ul{display: block;}
.tree li {
    padding:0.6em 0 0 0; margin:0; list-style-type:none; position:relative
}
.tree li::before, .tree li::after {
    content:''; left:-18px; position:absolute;
}
.tree li::before {
    border-left:1px dotted #bbb; height:100%; top:0; width:1px
}
.tree li::after {
    top:1.9em; border-top:1px dotted #bbb; width:18px;
}
.tree li>span {
    line-height: 2.6em; border-radius:5px; border:1px solid #ddd;overflow: hidden;vertical-align:middle;
    display:inline-block; padding:0 18px 0 8px; text-decoration:none;
}
.tree li>span.hideso{height: 0;margin-top: 4px;border-width: 0 0 1px 0;}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:1.9em
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#e1f3e9; border-color: #80d3c5; box-shadow: rgba(5, 68, 65, 0.2) 2px 2px 8px;
}
.tree li:hover>span{background: #e1f1f5;}
.tree h3{display: inline;font-size: 13px;}
.tree input[type=text]{line-height: 28px;height: 28px; font-size: 15px; background-color: transparent;border: none;}
.tree input[type=text]:hover{background-color: rgba(255,255,255,0.5);border: none;}
.tree li>span .btn{margin: 0 2px;display: none;}
.tree li>span:hover >.btn, .tree li>span:hover .btn{display: inline-block;}

/*精简样式*/
.tree2 {background: #FFF;}
.tree2 ul{padding-left: 12px;font-size: 14px;}
.tree2 li {
    padding:0 0 0 5px;list-style-type:none; margin:0; position:relative
}
.tree2 li::before, .tree2 li::after {
    content:''; left:-10px; position:absolute;
}
.tree2 li::before {
    height:100%; top: 0; width:1px
}
.tree2 li::after {
    top:1em; width:12px;
}
.tree2 li>span {
    border-color: #f0f0f0;border-width: 0 0 1px 4px; line-height: 2em;border-radius:0;
    display:inline-block; padding:0 20px 0 8px; text-decoration:none
}
.tree2 li.parent_li>span {
    cursor:default
}
.tree2 li:last-child::before {
    height:1em
}
.tree2 input[type=text]{ font-size: 14px;}
